<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>  
   <p id="p1">这里是内容</p>
 </body>
   <script>
     // var p1 = document.getElementById("p1");//获得这个标签
	  //alert(p1);
	  var p2 = p1.getAttribute("id"); //得到id值 
	  //alert(p2);
	  //alert(p1.nodeName);//获得指定元素节点的名称，是本身
	  //属性节点的名称也是他本身
	 // alert(p1.nodeValue); //元素节点的值为null或undefined
     // alert(p1.firstChild.nodeName);
	 // alert(p1.firstChild.nodeValue);
     // p1.innerHTML = "12213123";
	  //alert(p1.innerHTML);
	  p1.innerText="123123213123";
	  alert(p1.innerText);
	  //总结：
	  // 获得属性值：alert(p1.getAttribute("id"));
	  //p1.nodeName
	  //p1.nodeValue
	  //p1.firstChild.nodeName
	  //p1.firstChild.nodeValue
	  //p1.innerHTML=""
	  //alert(p1.innerHTML);
	  //p1.innerText = "";
	  //alert(p1.innerText);
	  
      var p1 = document.getElementById("id");
	  alert(p1);
	  var p2 = p1.getAttribute("id");
	  alert(p2);
	  var p3 = p1.nodeName;
	  alert(p3);
	  var p4 = p1.nodeValue;
	  alert(p4);
	  var p5 = p1.firstChild.nodeName;
	  alert(p5);
	  var p6 = p1.firstChild.nodeValue;
	  alert(p6);
      p1.innerHTML = "";
	  alert(p1.innerHTML);
	  p1.innerText="";
	  alert(p1.innerText);
   </script>
</html>
